<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乐享——生活乐分享</title>
<link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
<link href="style/base.css" rel="stylesheet" type="text/css" />
<link href="style/waterfall.css" rel="stylesheet" type="text/css" />
<script src="style/code.js" type="text/javascript" /></script>

</head>

<body>
	<!--header begin-->
<div id="header">
    	<div id="logo"></div>
        <div id="nav">
        	<ul>
            	<li><a href="index.html">首   页</a></li>
                <li><a href="exchange.html">享·物品</a></li>
                <li><a href="needs.html">享·需求</a></li>
                <li><a href="resources.html">享·资源</a></li>
                <li><a href="help.html">享·帮助</a></li>
            </ul>
        </div><!--nav end-->
  		<div id="sysmenu">
        	<div class="search">
            	<input type="search" class="search_text" style="left: 631px" autocomplete="off"/>
                <a href="#" class="search_button"></a>            </div>
            <div class="join">
                <a class="a-btn login" href="javascript:showDiv()">
        				<span class="a-btn-text">登录</span>
				</a>
                <a href="#" class="a-btn register " id="a-btn-register" >
                   <span class="a-btn-text">注册</span>
                </a>
            </div><!--join end-->
            <!--弹出登录层-->
            <div id="popDiv" class="mydiv" style="display:none;">
				<div class="login_1stLine"><b> 登录</b><a href="javascript:closeDiv()" class="login_close">关闭窗口</a></div>
                <div class="login_show">
                <h1 class="login_logo">乐享——生活乐分享！</h1>
                    <div class="login_info">
                    	<table>
                        	<tr>
                            	<td>用户名：</td>
                                <td><input type="text" id="userName" class="login_inputbox" /></td>
                            </tr>
                            <tr>
                            	<td>密&nbsp;&nbsp;&nbsp;码 ：</td>
                                <td><input type="password" id="userName" class="login_inputbox"  /></td>
                            </tr>
                             <tr>
                            <td>&nbsp;</td>
                            </tr>
                            <tr>
                            	<td></td>
                                <td><a href="#" class="a-btn login_button"><span class="a-btn-text">登录</span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration:underline; font-size:12px;">忘记密码？</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div id="bg" class="bg" style="display:none;"></div>
         
            <iframe id='popIframe' class='popIframe' frameborder='0' ></iframe><!--弹出登录层结束-->
  		</div><!--sysmenu end-->
</div><!--header end-->
<!--wrap begin-->
<div id="wrap">
    <div id="box">
      <div id="container">
        	<!--标签云-->
            
            <div id="water-fall" >
            	 <div class="waterfall_column box" style=";">
				<div id="post-tags" class="box post-home clearfix waterfall" style="display: block;left: 0px; top: 0px; ">
					<a href="#" class="tag-link-18" title="18 topics" style="font-size: 10pt;">Zakka<span>18</span></a>
					<a href="#" class="tag-link-7" title="3 topics" style="font-size: 10pt;">罗技<span>3</span></a>
					<a href="#" class="tag-link-9" title="2 topics" style="font-size: 10pt;">Razer<span>2</span></a>
					<a href="#" class="tag-link-8" title="2 topics" style="font-size: 10pt;">文艺<span>12</span></a>
					<a href="#" class="tag-link-6" title="2 topics" style="font-size: 10pt;">清新<span>26</span></a>
					<a href="#" class="tag-link-11" title="1 topic" style="font-size: 10pt;">家居<span>59</span></a>
					<a href="#" class="tag-link-10" title="1 topic" style="font-size: 10pt;">电子<span>41</span></a>
					<a href="#" class="tag-link-13" title="1 topic" style="font-size: 10pt;">读书<span>109</span></a>
					<a href="#" class="tag-link-14" title="1 topic" style="font-size: 10pt;">森系<span>13</span></a>
					<a href="#" class="tag-link-21" title="1 topic" style="font-size: 10pt;">风景<span>1</span></a>
					<a href="#" class="tag-link-22" title="1 topic" style="font-size: 10pt;">春天<span>1</span></a>
					<a href="#" class="tag-link-20" title="1 topic" style="font-size: 10pt;">二次元<span>1</span></a>
					<a href="#" class="tag-link-19" title="1 topic" style="font-size: 10pt;">中国风<span>1</span></a>
					<a href="#" class="tag-link-15" title="1 topic" style="font-size: 10pt;">老照片<span>1</span></a>
					<a href="#" class="tag-link-16" title="1 topic" style="font-size: 10pt;">插画<span>14</span></a>
					<a href="#" class="tag-link-17" title="1 topic" style="font-size: 10pt;">魔兽世界<span>12</span></a>
				</div>
				<div style="clear:both;"></div>
            </div><!--column cell-->
            
            <div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="春天如斯" target="_blank"><span>春天如斯</span><img src="style/img/ex_goods/P_000.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>67</span></div>
					<div class="comments"><span><a href="#" title="Comment on 春天如斯">0</a></span></div>
					<div class="likes" id="wizylike-post-982">
					<span class="wizylike_count">11</span><span class="wizylike_icon" onclick="wizylike(982,'like');"></span></div>
				</div>
			</div>
        
			<div class="box post-home" >
				<div class="post-thumbnail">
					<a class="img" href="#" title="萌你妹啊" target="_blank"><span>萌你妹啊</span><img src="style/img/ex_goods/P_001.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>540</span></div>
					<div class="comments"><span><a href="#" title="Comment on 萌你妹啊">0</a></span></div>
					<div class="likes" id="wizylike-post-949">
					<span class="wizylike_count">47</span><span class="wizylike_icon" onclick="wizylike(949,like"></span></div>
				</div>
			</div>
        
			<div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_002.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-974">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(974,like);"></span></div>
				</div>
			</div>
        
			<div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_003.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-976">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(976, like);"></span></div>
				</div>
			</div>
			<div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_004.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-975">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(975, like);"></span></div>			
				</div>
			</div>
			<div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_005.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-971">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(971, like);"></span></div>			
				</div>
			</div>
            <div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_016.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-974">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(974, 0, &#39;like&#39;);"></span></div>			
				</div>
			</div>
            <div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_017.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-974">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(974, 0, &#39;like&#39;);"></span></div>			
				</div>
			</div>
            <div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_018.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-974">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(974, 0, &#39;like&#39;);"></span></div>			
				</div>
			</div>
			<div class="box post-home">
				<div class="post-thumbnail">
					<a class="img" href="#" title="剑灵三测" target="_blank"><span>剑灵三测</span><img src="style/img/ex_goods/P_006.jpg"  ></a>
				</div>
				<div class="post-info">
					<div class="views"><span>764</span></div>
					<div class="comments"><span><a href="#" title="Comment on 剑灵三测">0</a></span></div>
					<div class="likes" id="wizylike-post-974">
					<span class="wizylike_count">39</span><span class="wizylike_icon" onclick="wizylike(974, 0, &#39;like&#39;);"></span></div>
				</div>
			</div>
		 </div>
        </div><!--container end-->
		<nav id="page-nav">
			<a href="pages/2.html"></a>
		</nav>
    </div><!--box end-->
</div><!--wrap end-->


<div id="footer">
	<p class="p1">Copyright &copy;2011 聚萤工作室.                  All Rights Reserved. </p>
</div>
<!--##############################瀑布流代码################################-->
<script src="style/jquery.js" type="text/javascript" /></script>
<script src="style/jquery.masonry.min.js" type="text/javascript" /></script>
<script src="style/jquery.infinitescroll.min.js" type="text/javascript" /></script>
<script>
  $(function(){
    
    var $container = $('#water-fall');
    
    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.box',
        columnWidth: 120  //列宽
		    });
    });
    
    $container.infinitescroll({
      navSelector  : '#page-nav',    // selector for the paged navigation 
      nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
      itemSelector : '.box',     // selector for all items you'll retrieve
      loading: {
          finishedMsg: '没有了哦',
          img: 'http://i.imgur.com/6RMhx.gif'
        }
      },
      // trigger Masonry as a callback
      function( newElements ) {
        // hide new items while they are loading
        var $newElems = $( newElements ).css({ opacity: 0 });
        // ensure that images load before adding to masonry layout
        $newElems.imagesLoaded(function(){
          // show elems now they're ready
          $newElems.animate({ opacity: 1 });
          $container.masonry( 'appended', $newElems, true ); 
        });
      }
    );
    
  });
</script>
<!--##############################回顶代码################################-->
<script src="style/go-top.js" type="text/javascript" /></script>
<script type="text/javascript">
	jQuery(function($){
   	$.scrolltotop({
   	className: 'backtotop',
   	offsety:0
   });
});
</script>
<!--##############################like代码################################-->
<!--
<span class="wizylike_count">11</span><span class="wizylike_icon" onclick="like();"></span></div>
-->
<script>
	var i = 0,
	got = -1,
	len = document.getElementsByTagName('script').length;
	while (i <= len && got == -1) {
		var js_url = document.getElementsByTagName('script')[i].src,
		got = js_url.indexOf('wizylike.js');
		i++
	}
	var edit_mode = '1',
	wizylike_url = js_url.substr(0, js_url.indexOf('/js/'));
function wizylike(post_id, user_id, type) {

  if (post_id >= 1) {
    if (type === 'like') {

      // like button clicked
      jQuery('#wizylike-post-' + post_id).children('span:last').empty().addClass('wizylike_loading');

      jQuery.post(wizylike_url + '/', {
        post_id: post_id,
        like: 'like'
      },
      function(result) {
        jQuery('#wizylike-post-' + post_id + ' .wizylike_count').text(result).removeClass('wizylike_loading');

        jQuery('#wizylike-post-' + post_id + ' .wizylike_icon').replaceWith('<span class="wizylike_icon" onclick="wizylike(' + post_id + ', \'unlike\');"></span>');
      });

    } else if (type === 'unlike') {

      // unlike button clicked
      jQuery('#wizylike-post-' + post_id).children('span:last').empty().addClass('wizylike_loading');

      jQuery.post(wizylike_url + '/', {
        post_id: post_id,
        like: 'unlike'
      },
      function(result) {
		jQuery('#wizylike-post-' + post_id + ' .wizylike_count').text(result).removeClass('wizylike_loading');

        jQuery('#wizylike-post-' + post_id + ' .wizylike_icon').replaceWith('<span class="wizylike_icon" onclick="wizylike(' + post_id + ', \'like\');"></span>');

      });

    } // end like type check
  } // end post id check
} // end wizylike

</script>
</body>
</html>
